import React, { Component } from 'react'
import ReactDom from 'react-dom'
import { Router, Route, Link, IndexLink, hashHistory, IndexRoute } from 'react-router'

export default class BookDetails extends Component {
    constructor(props) {
        super(props)

    }
    render() {
        return <div>
            <div className="row">
                <div className="col-xs-7">
                    <div>
                        <div className="col-xs-7">
                            <img className="img-responsive" style={{ maxHeight: "200px" }} src={"https://tse2.mm.bing.net/th?id=OIP.M29067488169d3aede5353df1587ce17fH0&pid=15.1"} />
                            <h5 className="text-center">《书籍名称》</h5>
                            <div>书名：</div>
                            <div>作者：</div>
                            <div>出版社</div>
                            <div>简介：{text}</div>

                        </div>
                        <div className="col-xs-5">
                            <div className="btn btn-default" style={{ marginTop: "165px" }}><Link to={`/readbook/78e9ff94-0f5d-42ea-af06-16f8dd3ecde0`}> 在线阅读</Link></div>
                        </div>
                    </div>
                    <div></div>
                </div>
                <div className="col-xs-5">
                    <div className="col-xs-8">
                        <img className="img-responsive" src={"http://pic.baike.soso.com/p/20131211/20131211091752-393669037.jpg"} />
                        <div className="text-center">移动阅读</div>
                        <div className="text-center">请用APP扫描二维码</div>
                    </div>
                    <div className="col-xs-4"></div>
                </div>
            </div>
            <div>
                <h5 style={{ marginTop: "30px" }}>同类书籍推荐</h5>
                <hr style={{ width: "100%" }} />
            </div>
        </div>
    }
}

const text = <span>HTML 4 增加了使事件在浏览器中触发动作的能力，比如当用户点击元素时启动 JavaScript。
如需学习更多有关事件编程的知识，请访问我们的 JavaScript 教程。
下面列出了添加到 HTML 元素以定义事件动作的全局事件属</span>